/*
* @Author: sublime text
* @Date:   2019-07-11 21:30:43
* @Last Modified by:   sublime text
* @Last Modified time: 2019-07-12 17:40:52
*/
/*公共代码*/

*{margin: 0px;padding: 0px;}
body{font-size:14px; font-family:"Microsoft YaHei" !important;padding-top: 0px !important; width: 100%;height: auto}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #333; text-decoration: none !important;}
a:hover{color: #0081d0; text-decoration: none;}
input{outline: none;}
.clearfix:after{display: block;clear: both;content: '';}
.clearfix{*zoom: 1}
.totalwidth{width: 1200px;margin: 0 auto;}

/*顶部*/

#ding{width: 100%;height:35px;background: #f5f5f5;line-height: 35px;font-size: 14px;color:#555;}
#ding #dingbu{width: 1200px;margin:0 auto;}
#ding #dingbu .left{width: 50%;float: left;}
#ding #dingbu .right{width:50%;float: right;}

/*抬头*/

#tai{width: 100%;height: 133px;background: url(/statics/images/index/tai_bg.jpg)no-repeat center;}
#tai #taitou{width: 1200px;margin: 0 auto;padding-top: 35px;}
#tai #taitou .left{width: 70%;float: left;}
#tai #taitou .left img{width: 196px;float: left;margin-right:15px;}
#tai #taitou .left p{font-size: 26px;color: #0081d0;}
#tai #taitou .left span{font-size: 15px;color: #555;font-weight: 100;display: block;}
#tai #taitou .right{width: 225px;float: right;padding-top: 5px;}
#tai #taitou .right img{width: 32px;float: left;padding-right: 10px;}
#tai #taitou .right p{color: #000;padding-top: 5px;font-size: 14px;}
#tai #taitou .right span{font-size: 24px;color: #0081d0;line-height: 30px;}

/* 导航 */
.nav{width: 100%;height: 50px;background: linear-gradient(#1c55a8,#087ec9);}
.nav-bar{width: 1200px; margin: 0 auto;}
.nav-ul{width: 1200px;}
.nav-ul .nav-li{float: left;height: 50px;line-height: 50px;width: 150px;text-align: center;cursor: pointer;box-sizing: border-box;border-right: 2px solid #1f51a5;position:relative;}
.nav-ul .nav-li:last-child{border-right: none;}
.nav-ul .nav-li:hover .content-list{display: block;}
.nav-ul >li > a{color: white;font-size: 16px;cursor: pointer;}
.nav-ul >li:hover{background: url(/statics/images/index/nav.jpg)no-repeat center;}
.content-list {width: 795px;height: 225px;background: #fff;padding-left: 42px;padding-top: 32px;box-sizing: border-box;position: absolute;z-index: 2;display: none;top:50px;}
.content-list .content{float: left;width: 20%;text-align: left}
.content-list .content h3 {font-size: 16px;line-height: 35px;}
.content-list .content h3 a{color: #d2332f}
.content ul li{line-height: 25px;}

/*幻灯片*/
#flash_bg{width:100%; margin:0 auto;}
.focus{width: 100%;height: 600px; position: relative; overflow:hidden;}
.focus ul,.focus li{ list-style:none; padding:0; margin:0;}
.focus li{ display: none}
.focus .bg { position: absolute; width:100%; height: 30px; left: 0; bottom: 0;  opacity: 0.5; filter: alpha(opacity=50); z-index: 1; background:none;}
.focus .f_btns{position: absolute; width: 100%; height:30px; line-height:30px; left: 0; bottom: 20px; text-align: center; z-index: 2}
.focus .f_btns h2 { color: #fff; font-size: 16px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; line-height: 30px; }
.focus .f_btns h2 a{ color: #fff;}
.focus .f_btns h2 a:hover{ text-decoration: none}
.focus .f_btns .btn{ text-align: center; height:14px; overflow: hidden; font-size:0;}
.focus .f_btns .btn span {display: inline-block; width:20px; height: 14px; overflow: hidden; margin: 0 5px; background:url(/statics/images/index/dian.png) no-repeat; cursor: pointer}
.focus .f_btns .btn span.cur{ background:url(/statics/images/index/yuan.png) no-repeat;}
.focus .prev {background: url(/statics/images/index/left.png) no-repeat; position: absolute; top:280px;left:80px; width: 40px; height: 60px; z-index: 3; cursor: pointer}
.focus .next { background: url(/statics/images/index/right.png) no-repeat; position: absolute; top:280px; width: 40px; height: 60px;right: 80px;z-index: 3;cursor: pointer}
.jqfocus ul li a img{height:600px; text-align:center;}

/* search */
#search_bg{width:100%; height:50px;border-bottom: 1px solid #c8d4d5;}
#search_b{width:1200px; margin:0 auto; height:50px;}
#search-i{float:left; width:37px; overflow:hidden; height:50px;margin-top: 9px;}
#search-bg{float:left; width:151px; height:27px;no-repeat; overflow:hidden;margin-top: 9px;}
.search-text span{color: #000;}
.search-text{width:900px;float:left; font-size:13px; line-height:50px; height:50px;color: #333;}
.search-text a{ font-size:14px;color: #555555;}
.search-text a:hover{ color:#db261d; font-size:14px;color: #0081d0;}
.search-text span{ float:left; font-weight:bold;}
#infoname{ border:none;background:none; outline:none;}


/*代理品牌*/
#pin .center{width: 1200px;margin:0 auto;margin-top: 45px;}
#pin .center img{width: 224px;height: 123px;border:1px solid #cdcdcd;margin: 5px;}
#pin .center img:first-child{margin-left: 0px;}
#pin .center img:nth-child(6){margin-left: 0px;}
/*产品中心*/
#pro{width: 100%;height: 836px;background: url(/statics/images/index/pro_bg.jpg)no-repeat center;margin-top: 70px;}
.ntitle{text-align: center;font-size: 14px;color: #333333;padding-top: 85px;}
.ntitle p{font-size:35px;margin-bottom: 5px;}
.ntitle p span{color: #0081d0;}

#tablit {width:1200px; margin:0 auto; height:auto; margin-top:30px;}
#tablit dl{width:860px;  height:35px;margin:0 auto;}
#tablit dl dd{float:left; width:140px;  height:35px; line-height:35px; text-align:center; display:block; margin-left:30px;border:1px solid #ccc;border-radius: 20px;}
#tablit .on{CURSOR: pointer;  transition:0.5s all;}
#tablit .on a{color:#fff; font-size:16px;width: 140px;height: 35px;background: #0081d0;display: block;line-height: 35px;border-radius: 20px;}
#tablit .out{color:#333;background: #fff;display: block;line-height: 35px;width: 140px;height: 35px;}
#tablit .out a{color:#333; font-size:16px;}
.tabcon{width:1200px; height:auto; clear:both; margin:0 auto;}
.dis{display:none;}
#showdiv0 {display: block;}
.tabcon{width:1200px;margin-top: 50px;}
.tabcon > table > tbody > tr > td { float: left;width:226px;position: relative;overflow: hidden;margin-left: 17px;color: #666666;font-size: 14px;text-align: center;line-height: 45px;}
.tabcon > table > tbody > tr > td:first-child{margin-left: 0px;}
.tabcon > table > tbody > tr > td:nth-child(6){margin-left: 0px;}
.tabcon > table > tbody > tr > td > a > img{width:224px; height:auto;border: 1px solid #ccc;display: block;}
.tabcon > table > tbody > tr > td:hover img{border:1px solid #0081d0;}
.tabcon > table > tbody > tr > td:hover{color:#0081d0;}
.chakan a{text-align: center;font-size: 16px;color: #0081d0;display: block;margin-top: 35px;}

/* 应用领域 */
#application .tt{width: 1200px;margin: 0 auto;margin-top: 60px;}
#application .tt li{float: left;text-align: center;width: 184px;margin-left: 70px;font-size: 16px;color: #666;}
#application .tt li:first-child{margin-left: 0px;}
#application .tt li img{width: 184px;display: block;float: left;margin-bottom: 40px;}
/* 公司优势 */
#advantage{position: relative;}
.bg{position: absolute;background: url(/statics/images/index/company_bg.png) no-repeat;left: -10px;right: 0;top: -40px;bottom: 0;}
#advantage .content{width: 1200px;margin: 0 auto; margin-top: 75px;position: relative;z-index: 2;}
#advantage .introduce{float: left;}
#advantage .content:nth-child(3) .introduce{margin-left: 120px}
#advantage .content:nth-child(3) .detail{margin-right: 0}
#advantage .content:nth-child(3) .introduce p{margin-top: 0; font-size: 14px;color: #333;line-height: 25px;}
#advantage .content:nth-child(4) .introduce p{margin-top: 0; font-size: 14px;color: #333;line-height: 25px;}
#advantage .introduce .detail{
  width: 510px;
  margin-left: 100px;
  margin-right: 84px;
}
#advantage .introduce h2{font-size: 36px;color: #0081d0;margin-bottom: 50px;}
#advantage  .number{float: left;font-size: 20px;width: 74px;height: 74px;background: url(/statics/images/index/title-logo.png) no-repeat;line-height: 74px;text-align: center;color: #fff;margin-top: -10px;}
#advantage .introduce span{font-size: 20px;color: #cccccc;font-family: 'Microsoft YaHei';letter-spacing: 2px;}
#advantage .introduce p:nth-of-type(2){color: #333;font-size: 14px;line-height: 25px;margin-top: 38px;}
#advantage .photo{float: left}

/* 增值服务 */
#services .zzfw{width: 1200px;margin:0 auto;margin-top: 75px;}
#services .zzfw li{width: 185px;float: left;margin-left: 68px;text-align: center;font-size: 18px;color:#555;}
#services .zzfw li:first-child{margin-left: 0px;}
#services .zzfw li img{display: block;margin-bottom: 30px;}

/* 合作客户 */
#cooperation .contact{width: 1200px;margin:0 auto;margin-top: 65px;}
#cooperation .contact .top{width: 760px;margin:0 auto;}
#cooperation .contact .bottom{width: 1005px;margin:0 auto;margin-top: -105px;}
/*新闻资讯*/

#news{width: 100%;;}
.lanren{ width:1200px; height: auto; margin:0px auto;}

.lanren .content{ overflow:hidden; width:1200px; height:430px; position:relative; float:left; margin-top:48px;}
.lanren .content .ul{ position:absolute; left:0; top:0;}
.lanren .content .li{ width:1200px; float:left;}


#xinwen .rr{width: 1200px;margin: 0 auto;}
#xinwen .rr .top .en{padding-top: 40px;}

#xinwen .rr .top{font-size: 14px;line-height: 40px;color: #666;padding-top: 60px;}
#xinwen .rr .top p{font-size: 20px;color: #000;border-left: 2px solid #f00;padding-left: 13px;height: 20px;line-height: 20px;}

#xinxinx .news_list .twbm .left{width: 60px;float:left;margin: 10px;text-align: center;color: #666;font-size: 14px;}
#xinxinx .news_list .twbm .left .kuai{width:60px;height:60px;line-height: 60px;background:#e3e3e3;color:#999;font-size:40px;text-align:center;margin-bottom: 5px;}
#xinxinx .news_list .twbm{width: 390px;height: 105px;border: 1px solid #ccc;margin-top: 10px;margin-bottom: 10px;float: left;}
#xinxinx .news_list .twbm:nth-child(2n){float: right;}
#xinxinx .news_list .twbm img{float: left;padding: 7px;}
#xinxinx .news_list .twbm p a{font-size: 16px;color: #333;display: block;float: none;text-align: left;line-height: 40px;}
#xinxinx .news_list .twbm .right{text-align: left;line-height: 20px;color: #999;}

#xinxinx .news_list .twbm p a:hover{color:#f00;}


#xinxinx .news_list .aaa .left{width: 380px;height: 359px;border: 1px solid #ccc;float: left;color: #7d7c7c;margin-top: 10px;}

#xinxinx .news_list .aaa .font{width: 95%;margin: 0 auto;line-height: 25px;padding-top: 15px;}
#xinxinx .news_list .aaa .font .yueduxx{display: block;width: 80px;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 14px;background: #0081d0;margin-top: 8px;}
#xinxinx .news_list .aaa .font span a{color: #333;}
#xinxinx .news_list .aaa .font span a:hover{color: #005bbb;}

/* 尾部 */
#footer{width: 100%;height: 498px;background: url(/statics/images/index/footer.png) no-repeat;margin-top: 20px;}
.main{width: 1200px; margin: 0 auto;position: relative;height: 100%}
.footer-nav ul{width: 100%;height: 97px;border-bottom: 1px solid #fff;margin-bottom: 68px;}
.footer-nav li{float: left;width: 12.5%;text-align: center;margin-top: 55px;}
.footer-nav li a{color: #fff;font-size: 14px;}
.info > div{float: left}
.name{padding-top: 40px;width: 278px;}
.name p{font-size: 20px;color: #fff}
.name p:last-child{font-size: 14px;}
.icon {margin-left: 100px;height: 220px;width: 440px;}
.icon .left{float: left}
.icon .left:last-child{margin-left: 25px}
.icon .icon-contact{margin-bottom: 40px;}
.icon .icon-contact div,.icon .icon-contact img{float: left}
.icon .icon-contact div{margin-left: 20px;}
.icon .icon-contact div p{color: #fff;font-size: 14px}
.icon .icon-contact div p:last-child{font-size: 20px}
.icon .left .icon-contact:nth-child(2) img{padding-left: 6px;}
.info .code{float: right}
.code img:first-child{margin-right: 30px;}
.footer-bottom{position: absolute;bottom: 25px;width: 100%}
.footer-bottom .bottom-left{float: left}
.footer-bottom span{color: #fff;margin-right: 25px;}
.footer-bottom .link{float: right}
.footer-bottom .link a{color: #fff}
